* {
            margin: 0;
            padding: 0;
        }
        .imgbox {
            display: grid;
            height: 100%;
        }
        .center-fit {
            max-width: 75%;
            max-height: 100vh;
            margin: auto;
        }

.agileits-team-grids {
    margin: 1em 0 0 0;
}
.col-md-3 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.agileits-team-grid {
  float: left;
  width: 20%;
  margin:0 0 2em 0;
}
.team-info{
    position: relative;
    overflow: hidden;	
}
.team-info img{
    width: 100%;
    border-radius:0.5%;
}
.team-caption h4{
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0.8em 0 0 0;
}
.team-caption p{
    color: #e1e1e1;
    font-size: 1.1em;
    margin: 0;
}
.team-caption ul{
    padding: 0;
    margin: 1em 0 0 0;
}
.team-caption ul li{
    display: inline-block;
}
.team-caption ul li a {
	color: #333;
    text-align: center;
}

.team-caption {
    background: #000;
    padding: 0em;
    position: absolute;
    left: 0;
    bottom: 0%;
    text-align: center;
    width: 100%;
    height: 15%;
    transition: .8s all;
}
.team-info:hover .team-caption{
    bottom: 0%;
}
.team-info:hover .team-caption {
    bottom: 0%;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
@media(max-width:1480px){
        .agileits-team-grid {
		float: left;
		width: 30%;
		margin:0 0 2em 0;
	}
}
@media(max-width:1920px){
    	.team-caption {           
		height: 75px;
	}
	.team-caption h4 {
		margin: 0.8em 0 0 0;
	}
}
@media(max-width:991px){
    	.agileits-team-grid {
		float: left;
		width: 50%;
		margin:0 0 2em 0;
	}

	.team-caption {
        font-size: 0.9em;
		height: 75px;
	}
	.team-caption h4 {
		margin: 0.7em 0 0 0;
    }
}
@media(max-width:736px){
    	.team-caption {
		height: 70px;
	}
}
@media(max-width:667px){
    	.team-caption {
		height: 70px;
	}
	.team-caption h4 {
		margin: 0.6em 0 0 0;
	}
}
@media(max-width:600px){
    	.team-caption {
        font-size: 0.7em;
		height: 65px;
	}
}
@media(max-width:568px){
    	.team-caption {
        font-size: 0.7em;
		height: 65px;
	}
	.team-caption h4 {
		margin: 0.5em 0 0 0;
	}
}
@media(max-width:480px){
    	.team-caption {
		height: 60px;
	}
	.team-caption h4 {
		margin: 0.3em 0 0 0;
	}
}
@media(max-width:414px){
	.team-caption {
		height: 60px;
        font-size: 0.7em;
    }
}
@media(max-width:384px){
    	.team-caption {
        font-size: 0.6em;
	}

	.team-caption {
		height: 55px;
	}
}
@media(max-width:375px){
    	.team-caption {
		height: 55px;
	}
}
@media(max-width:320px){
    	.agileits-team-grid {
		float: none;
		width: 100%;
		margin: 0 0 1em 0;
	}
	.team-caption {
		height: 50px;
        font-size: 0.8em;
	}
	.team-caption h4 {
		margin: 0.3em 0 0 0;
	}
}